<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="zhengliangquan,ozh.nextinside@gmail.com">

    <title>layout4</title>
    <!--BASE CSS-->
    <link rel="stylesheet" href="css/base/base.css"/>
    <link rel="stylesheet" href="css/base/responsive.css"/>
    <!--STATE CSS-->
    <link rel="stylesheet" href="css/state/state.css"/>
    <!--MODULE CSS-->
    <link rel="stylesheet" href="css/module/plugins/iconfont/iconfont.css"/>
    <link rel="stylesheet" href="css/module/input.css"/>
    <link rel="stylesheet" href="css/module/modal.css"/>
    <!--LAYOUT CSS-->
    <link rel="stylesheet" href="css/layout/header.css"/>
    <link rel="stylesheet" href="css/layout/layout-template/layout4.css"/>

</head>
<body>
<header id="header" class="bb">
    <div class="container p0_32">
        <div class="row clearfix">
            <!--logo-->
            <div class="column third logo text-align-left">
                <div class="logo-img bg-dark-green inline-block"></div>
                <h1 class="logo-name dark-green inline-block p0_15">蛋壳</h1>
            </div>
            <!--searchBox-->
            <div class="column third searchBox">
                <form action="" id="search" class="clearfix">
                    <div class="column inline-block">
                        <input type="text" placeholder="搜索关键词、App名称" class="search-area border"/>
                        <i class="iconfont search-icon bg-dark-green p6_11">&#xe60c;</i>
                    </div>
                </form>
            </div>

            <!--login-->
            <ul class="column third login text-align-right">
                <li class="fr">
                    <!--logout-->
                    <h5 class="logout-area dark-gray is-hidden">
                        <a href="#">登录/注册</a>
                    </h5>
                    <!--login-->
                    <img class="login-area p16_0" src="img/default_avatar.png"/>
                    <!--Menu-->
                    <ul class="main-menu border text-align-left is-hidden">
                        <li class="bb"><a href="#">我喜欢的截图</a></li>
                        <li class="bb"><a href="#">我订阅的APP</a></li>
                        <li class="bb"><a href="#">个人设置</a></li>
                        <li class="bb"><a href="#">标签管理</a></li>
                        <li class="bb"><a href="#">APP截图管理</a></li>
                        <li class="bb"><a href="#">用户管理</a></li>
                        <li class="bb"><a href="#">权限管理</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </li>
                <li class="fr">
                    <h4 class="faq dark-gray">
                        <a href="#">FAQ</a>
                    </h4>
                </li>
            </ul>
        </div>
    </div>
</header>

<div id="main-content" class="main-content">
    <div class="container p0_32 columu text-align-center">
        <div class="row clearfix">

        </div>
    </div>
</div>

<footer id="footer" class="footer text-align-center">
    版权
</footer>

</body>
</html>